<script setup lang="ts"></script>

<template>
  <el-container class="box">
    <el-header>后台管理系统</el-header>
    <el-container>
        <el-aside width="200px">
            <el-menu>
                <el-sub-menu :index="1">
                    <template v-slot:title></template>
                    <el-menu-item :index="1-1"></el-menu-item>
                    <el-menu-item index="1-2"></el-menu-item>
                    <el-menu-item index="1-2"></el-menu-item>
                </el-sub-menu>
            </el-menu>
        </el-aside>
    </el-container>
  </el-container>
</template>

<style scoped>
.box {
  width: 100vw;
  height: 100vh;
  /* --el-menu-bg-color:#000;
  --el-menu-:#000;
  --el-menu-:#000;
  --el-menu-:#000; */
  
}

.el-header {
  background-color: black;
  color: #fff;
  line-height: 60px;
}
.el-aside{
    background-color: #fff;
}
</style>
